<template>
  <div class="le-matter">
    <div class="le-pay-item flex" @click="router">
      <div class="le-item-icon">
        <img src="./image/coupon.png" alt="" />
      </div>
      <div>
        <div class="le-item-name">优惠券</div>
        <div class="le-item-desc">买家持优惠券享受减免优惠</div>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
export default {
  methods: {
    router: function () {
      this.$router.push({
        path: "/application/play/coupon/index",
      });
    },
  },
};
</script>
<style lang="less" scoped="true">
.le-matter {
  height: 680px;
  padding: 24px;
  background: #ffffff;
  border-radius: 16px;
  .le-pay-item {
    width: 302px;
    height: 72px;
    background: #f3f5f7;
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    .le-item-icon {
      width: 40px;
      height: 40px;
      border-radius: 8px;
      margin-right: 12px;
    }
    .le-item-name {
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #262626;
      line-height: 20px;
    }
    .le-item-desc {
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #8c8c8c;
      line-height: 20px;
    }
  }
}
</style>
